doctype html
html(lang="en")
    head
        meta(charset="UTF-8")
        meta(http-equiv="X-UA-Compatible", content="IE=edge")
        meta(name="viewport", content="width=device-width, initial-scale=1.0")
        title Document
    body
        h1 我是标题
        div(class="box" style="width:100px;height:100px;background:red") 我是div
        div 我是div1
            div 我是div2
        // 我是html注释
        //- 我是pug的注释
        - var a = 10
        p=a
        //- <%=a%>
        p #{a}
        - var arr = ["张三","李四","王五"]
        ul
            each val in arr 
                li 姓名是#{val}
        - var num=4
        if num==1
            p num的值是1
        else if num==2
            p num的值是2
        else 
            p num是其他值
        mixin pet 
            p 宠物的名字是小猫
        //- 调用
        +pet
        +pet
        mixin pets(name)
            p 宠物的名字是#{name}
        +pets("小猫")
        +pets("小狗")
        //- https://www.pugjs.cn/api/getting-started.html
        ul 
            each val in data
                li 姓名是#{val.name}年龄是#{val.age}
        | 我是内容
        script. 
            console.log(1111);
        include ./foot.pug
    


